<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button>get</button>
<button>post</button>
</body>
<script>
    const btns = document.querySelectorAll("button");
    btns[0].onclick = async function(){
        // http://localhost:63342/code/Lesson06/code/7-fetch.html
        // fetch("/xhr");// http://localhost:63342/xhr
        // fetch("./xhr");// http://localhost:63342/code/Lesson06/code/xhr
        // fetch("../xhr");// http://localhost:63342/code/Lesson06/xhr
        // fetch("../../xhr");// http://localhost:63342/code/xhr
        // fetch("../../../xhr");// http://localhost:63342/xhr
        // fetch("../../../../../xhr");// http://localhost:63342/xhr

        // 请求方式为get,请求地址/xhr
        // const p1 = fetch("/xhr");
        // p1.then(value=>{
        //     // console.log(value.json())
        //     value.json().then(value=>{
        //         console.log(value);// 响应体数据
        //     })
        // })

       // fetch("/xhr").then(value=>{
       //     value.json().then(value=>{
       //         console.log(value);
       //     })
       // })

        // fetch("/xhr").then(value=>{
        //     return value.json();
        // }).then(value=>{
        //     console.log(value);
        // })

        // const response = await fetch("/xhr");
        // const result = await response.json();
        // console.log(result);

        // const result = await fetch("/xhr").then(value=>value.json());
        // console.log(result);
    }
    btns[1].onclick = function(){
        // 1
        // fetch("/xhr",{
        //     method:"post",
        //     headers:{
        //         "Content-Type":"application/json"
        //     },
        //     body:JSON.stringify({
        //         a:1,
        //         b:2,
        //         c:3
        //     })
        // }).then(value=>{
        //     return value.json();
        // }).then(value=>{
        //     console.log(value)
        // })

        // 2
        fetch("/xhr",{
            method:"post",
            headers:{
                "Content-Type":"application/x-www-form-urlencoded"
            },
            body:"a=100&b=200"
        }).then(value=>{
            return value.json();
        }).then(value=>{
            console.log(value)
        })
    }
</script>
</html>